/** @type {import('tailwindcss').Config} */

import plugin from "tailwindcss/plugin";

export default {
  content: ["./index.html", "./src/**/*.{html,js,tsx,vue,ts}"],
  theme: {
    colors: {
      primary: "var(--clr-primary)",
      success: "var(--el-color-success)",
      danger: "red",
      white: "#fff",
      black: "#000",
    },

    extend: {
      borderWidth: {
        1: "1px",
      },
      borderColor: {
        default: "#dcdfe6",
      },
    },
  },
  plugins: [
    plugin(function ({ addUtilities, addComponents, e, config }) {
      addUtilities({
        ".flex-center": {
          display: "flex",
          "align-items": "center",
          "justify-content": "center",
        },
        ".text-justify-last": {
          "text-align-last": "justify",
        },
      });
    }),
  ],
};
